<template>
    <div class="component-exambox">
        <p class="title">我的考试</p>
        <exam-list :list="list"></exam-list>
        <div class="content-footer" v-if="list.length">查看更多 ></div>
        <div class="content-footer center" v-else>暂无数据</div>
    </div>
</template>
<script>
// import { throttle } from "filters/throttle.js";
import ExamList from "@/components/ExamList";
export default {
    name: "exambox",
    // props: {
    //     file: {
    //         type: String,
    //         default: null,
    //     },
    // },
    components: {
        ExamList,
    },
    data() {
        return {
            list: [],
        };
    },
    mounted() {
        this.getList();
    },
    methods: {
        getList() {
            this.$APIs.getExam({ pageNo: 1, pageSize: 10 }).then(data => {
                this.list = data.data;
            });
        },
    },
};
</script>
<style scoped lang="scss">
.component-exambox {
    background-color: #21202e;
    padding: 5px;
    .title {
        color: #fff;
        font-size: 18px;
        margin-bottom: -5px;
        margin-left: 15px;
    }
    .item {
        padding: 15px;
    }
    .item-title {
        font-size: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 6px;
    }
    .wrap-footer {
        padding: 15px 10px;
        text-align: right;
        font-size: 12px;
    }
    .exam-wrap {
        border: 1px solid #2d2c3c;
        margin-bottom: 10px;
    }
    p {
        line-height: 26px;
        font-size: 12px;
    }
    .content-footer {
        padding: 15px 10px;
        text-align: right;
        font-size: 12px;
    }
    .center {
        text-align: center;
    }
}
</style>
